import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from './../components/Home'
import Login from './../components/Login'

Vue.use(VueRouter)

const routes = [
  {
    path: '/', redirect: '/login'
  },
  {
    path: '/login', component: Login
  },
  {
    path: '/home', component: Home
  }
]

const router = new VueRouter({
  routes
})

/**
 *  路由导航守卫来控制访问权限
 *  挂在导航守卫
 *  next表示放行 next() 表示直接放行，next('')表示强制跳转
 */
router.beforeEach((to, from , next) => {
  if(to.path === '/login') {
    return next();
  }
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
  if(!tokenStr) {
    return next('/login');
  }
  next();
});

export default router
